<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt" %>
<%
    String path = request.getContextPath();
    String basePath = request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort() + path + "/";
    pageContext.setAttribute("basePath", basePath);
%>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=no">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta name="format-detection" content="telephone=no">
    <meta name="format-detection" content="email=no">
    <meta name="full-screen" content="yes">
    <meta name="x5-fullscreen" content="true">
    <link rel="stylesheet" href="/admin/css/index.css" type="text/css"/>
    <title>计价规则详情</title>
</head>
<style>
    html {
        font-family: "Helvetica Neue", Helvetica, STHeiTi, Arial, sans-serif;
        -ms-text-size-adjust: 100%;
        -webkit-text-size-adjust: 100%;
        font-size: 62.5%;
        height: 100%;
    }

    body {
        margin: 0;
        font-size: 12px !important;
        line-height: 1.5;
        color: #4f5a67;
        height: 100%;
        overflow-x: hidden;
        -webkit-overflow-scrolling: touch;
        background: #fff;
        position: relative;
    }

    table {
        border-spacing: 0;
        text-align: center;
        font-size: 11px;
    }

    table td {
        border: 1px solid #e4e7ea;
        padding: 7px 1px;
    }

    table tr:first-child td {
        min-width: 66px;
    }

    table tr td:first-child, table tr:first-child td {
        font-size: 12px;
    }

    table i {
        font-size: 25px !important;
        display: block;
        color: #9ea7b1;
        line-height: 1;
    }
</style>
<body>

<div>
    <div style="text-align: center; margin: 10px 0">即时用车</div>
    <div>
        <table style="margin:auto; width:80%;">
            <tr>
                <td style="width:50%;">起步价</td>
                <td style="width:50%;">${realTimeExpress.startFare}元</td>
            </tr>
            <tr>
                <td>起步包含里程</td>
                <td>${realTimeExpress.startTrip}公里</td>
            </tr>
            <tr>
                <td>起步包含时长</td>
                <td>${realTimeExpress.startDuration}分钟</td>
            </tr>
            <tr>
                <td>里程费</td>
                <td>${realTimeExpress.beyondTripFare}元／公里</td>
            </tr>
            <tr>
                <td>时长费</td>
                <td>${realTimeExpress.beyondTimeFare}元／分钟</td>
            </tr>
            <tr>
                <td>免费等待时长</td>
                <td>${realTimeExpress.freeWaitTime}分钟</td>
            </tr>
            <tr>
                <td>超时等待费</td>
                <td>${realTimeExpress.beyondWaitFare}元／分钟</td>
            </tr>
            <tr>
                <td>远途费</td>
                <td>${realTimeExpress.haulBackTripFare}元／公里</td>
            </tr>
            <tr>
                <td>远途起步里程</td>
                <td>超过${realTimeExpress.haulBackTrip}公里后 加收远途费</td>
            </tr>
            <tr>
                <td>夜间费</td>
                <td>${realTimeExpress.nightTripFare}元／公里</td>
            </tr>
            <tr>
                <td>夜间补贴时段</td>
                <td><fmt:formatDate value="${realTimeExpress.nightTimeStart}" type="time" dateStyle="default"/> -
                    <fmt:formatDate value="${realTimeExpress.nightTimeEnd}" type="time" dateStyle="default"/></td>
            </tr>
            <tr>
                <td>高峰溢价倍率一</td>
                <td>${realTimeExpress.premiumOneRate}倍</td>
            </tr>
            <tr>
                <td>高峰溢价时段一</td>
                <td><fmt:formatDate value="${realTimeExpress.premiumOneStart}" type="time" dateStyle="default"/> -
                    <fmt:formatDate value="${realTimeExpress.premiumOneEnd}" type="time" dateStyle="default"/></td>
            </tr>
            <tr>
                <td>高峰溢价倍率二</td>
                <td>${realTimeExpress.premiumTwoRate}倍</td>
            </tr>
            <tr>
                <td>高峰溢价时段二</td>
                <td><fmt:formatDate value="${realTimeExpress.premiumTwoStart}" type="time" dateStyle="default"/> -
                    <fmt:formatDate value="${realTimeExpress.premiumTwoEnd}" type="time" dateStyle="default"/></td>
            </tr>
        </table>
    </div>
</div>

<div style="margin-top:50px;">
    <div style="text-align: center; margin: 10px 0">预约用车</div>
    <div>
        <table style="margin:auto; width:80%;">
            <tr>
                <td style="width:50%;">起步价</td>
                <td style="width:50%;">${appointExpress.startFare}元</td>
            </tr>
            <tr>
                <td>起步包含里程</td>
                <td>${appointExpress.startTrip}公里</td>
            </tr>
            <tr>
                <td>起步包含时长</td>
                <td>${appointExpress.startDuration}分钟</td>
            </tr>
            <tr>
                <td>里程费</td>
                <td>${appointExpress.beyondTripFare}元／公里</td>
            </tr>
            <tr>
                <td>时长费</td>
                <td>${appointExpress.beyondTimeFare}元／分钟</td>
            </tr>
            <tr>
                <td>免费等待时长</td>
                <td>${appointExpress.freeWaitTime}分钟</td>
            </tr>
            <tr>
                <td>超时等待费</td>
                <td>${appointExpress.beyondWaitFare}元／分钟</td>
            </tr>
            <tr>
                <td>远途费</td>
                <td>${appointExpress.haulBackTripFare}元／公里</td>
            </tr>
            <tr>
                <td>远途起步里程</td>
                <td>超过${appointExpress.haulBackTrip}公里后 加收远途费</td>
            </tr>
            <tr>
                <td>夜间费</td>
                <td>${appointExpress.nightTripFare}元／公里</td>
            </tr>
            <tr>
                <td>夜间补贴时段</td>
                <td><fmt:formatDate value="${appointExpress.nightTimeStart}" type="time" dateStyle="default"/> -
                    <fmt:formatDate value="${appointExpress.nightTimeEnd}" type="time" dateStyle="default"/></td>
            </tr>
            <tr>
                <td>高峰溢价倍率一</td>
                <td>${appointExpress.premiumOneRate}倍</td>
            </tr>
            <tr>
                <td>高峰溢价时段一</td>
                <td><fmt:formatDate value="${appointExpress.premiumOneStart}" type="time" dateStyle="default"/> -
                    <fmt:formatDate value="${appointExpress.premiumOneEnd}" type="time" dateStyle="default"/></td>
            </tr>
            <tr>
                <td>高峰溢价倍率二</td>
                <td>${appointExpress.premiumTwoRate}倍</td>
            </tr>
            <tr>
                <td>高峰溢价时段二</td>
                <td><fmt:formatDate value="${appointExpress.premiumTwoStart}" type="time" dateStyle="default"/> -
                    <fmt:formatDate value="${appointExpress.premiumTwoEnd}" type="time" dateStyle="default"/></td>
            </tr>
        </table>
    </div>
</div>

<c:if test="${dailyRentalExpress!=null}">
    <div style="margin-top:50px;">
        <div style="text-align: center; margin: 10px 0">日租</div>
        <div>
            <table style="margin:auto; width:80%;">
                <tr>
                    <td>起步价</td>
                    <td>${dailyRentalExpress.startFare}元</td>
                </tr>
                <tr>
                    <td>起步包含里程</td>
                    <td>${dailyRentalExpress.startTrip}公里</td>
                </tr>
                <tr>
                    <td>起步包含时长</td>
                    <td>${dailyRentalExpress.startDuration}分钟</td>
                </tr>
                <tr>
                    <td>里程费</td>
                    <td>${dailyRentalExpress.beyondTripFare}元／公里</td>
                </tr>
                <tr>
                    <td>时长费</td>
                    <td>${dailyRentalExpress.beyondTimeFare}元／分钟</td>
                </tr>
                <tr>
                    <td>免费等待时长</td>
                    <td>${dailyRentalExpress.freeWaitTime}分钟</td>
                </tr>
                <tr>
                    <td>超时等待费</td>
                    <td>${dailyRentalExpress.beyondWaitFare}元／分钟</td>
                </tr>
                <tr>
                    <td>系统取消费用(元)</td>
                    <td>${dailyRentalExpress.sysCancelFare}元</td>
                </tr>
                <tr>
                    <td>自己取消费用(元)</td>
                    <td>${dailyRentalExpress.ownCancelFare}元</td>
                </tr>
            </table>
        </div>
    </div>
</c:if>

<c:if test="${halfDailyRentalExpress!=null}">
    <div style="margin-top:50px;">
        <div style="text-align: center; margin: 10px 0">半日租</div>
        <div>
            <table style="margin:auto; width:80%;">
                <tr>
                    <td>起步价</td>
                    <td>${halfDailyRentalExpress.startFare}元</td>
                </tr>
                <tr>
                    <td>起步包含里程</td>
                    <td>${halfDailyRentalExpress.startTrip}公里</td>
                </tr>
                <tr>
                    <td>起步包含时长</td>
                    <td>${halfDailyRentalExpress.startDuration}分钟</td>
                </tr>
                <tr>
                    <td>里程费</td>
                    <td>${halfDailyRentalExpress.beyondTripFare}元／公里</td>
                </tr>
                <tr>
                    <td>时长费</td>
                    <td>${halfDailyRentalExpress.beyondTimeFare}元／分钟</td>
                </tr>
                <tr>
                    <td>免费等待时长</td>
                    <td>${halfDailyRentalExpress.freeWaitTime}分钟</td>
                </tr>
                <tr>
                    <td>超时等待费</td>
                    <td>${halfDailyRentalExpress.beyondWaitFare}元／分钟</td>
                </tr>
                <tr>
                    <td>系统取消费用(元)</td>
                    <td>${halfDailyRentalExpress.sysCancelFare}元</td>
                </tr>
                <tr>
                    <td>自己取消费用(元)</td>
                    <td>${halfDailyRentalExpress.ownCancelFare}元</td>
                </tr>
            </table>
        </div>
    </div>
</c:if>

</body>
</html>
